function wordBreak(value) {
  const chars = value.split("");
  let result = "";

  for (var i = 0, len = chars.length; i < len; i++) {
    result += chars[i];

    if ((i + 1) % 5 === 0) {
      result += "\n";
    }
  }

  return result;
}

export default [
  {
    inline: false,
    title: "2022年1-12月——2023年1-6月商务区税收收入",
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "center",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2022年1-12", "2023年1-2", "1-3", "1-4", "1-5", "1-6"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "商务区",
          type: "bar",
          barWidth: 15,
          color: "#14c0d4",
          data: [30, 10, 20, 50, 60, 70],
        },
      ],
    },
  },

  {
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "center",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2022年1-12", "2023年1-2", "1-3", "1-4", "1-5", "1-6"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "商务区",
          type: "line",
          color: "#14c0d4",
          lineStyle: {
            width: 1,
          },
          data: [30, 10, 20, 50, 60, 70],
        },
      ],
    },
  },

  {
    inline: false,
    title: "2023年1月——2023年6月商务区税收收入",
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "center",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2023年1月", "2月", "3月", "4月", "5月", "6月"],
      },
      yAxis: {
        type: "value",
        max: 400,
      },
      series: [
        {
          name: "商务区",
          type: "bar",
          barWidth: 15,
          color: "#14c0d4",
          data: [350, 50, 100, 250, 300, 350],
        },
      ],
    },
  },

  {
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "center",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2023年1月", "2月", "3月", "4月", "5月", "6月"],
      },
      yAxis: {
        type: "value",
        max: 400,
      },
      series: [
        {
          name: "商务区",
          type: "line",
          color: "#14c0d4",
          lineStyle: {
            width: 1,
          },
          data: [350, 50, 100, 250, 300, 350],
        },
      ],
    },
  },

  {
    inline: false,
    title: "2022年1-12月——2023年1-6月四区税收收入",
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "0%",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        itemGap: 3,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2022年1-12", "2023年1-2", "1-3", "1-4", "1-5", "1-6"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "闵行片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#14c0d4",
          data: [19, 13, 8, 10, 14, 15],
        },
        {
          name: "长宁片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#0b82de",
          data: [19, 13, 8, 10, 14, 15],
        },
        {
          name: "青浦片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#2663df",
          data: [19, 13, 8, 10, 14, 15],
        },
        {
          name: "嘉定片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#5245dd",
          data: [19, 16, 12, 10, 16, 17],
        },
      ],
    },
  },

  {
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "0%",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        itemGap: 3,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2022年1-12", "2023年1-2", "1-3", "1-4", "1-5", "1-6"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "闵行片区",
          type: "line",
          color: "#14c0d4",
          lineStyle: {
            width: 1,
          },
          data: [25, 40, 35, 42, 47, 45],
        },
        {
          name: "长宁片区",
          type: "line",
          color: "#0b82de",
          lineStyle: {
            width: 1,
          },
          data: [20, 30, 30, 40, 50, 50],
        },
        {
          name: "青浦片区",
          type: "line",
          color: "#2663df",
          lineStyle: {
            width: 1,
          },
          data: [15, 30, 20, 35, 15, 30],
        },
        {
          name: "嘉定片区",
          type: "line",
          color: "#5245dd",
          lineStyle: {
            width: 1,
          },
          data: [30, 50, 60, 55, 60, 55],
        },
      ],
    },
  },

  {
    inline: false,
    title: "2023年1月——2023年6月四区税收收入",
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "0%",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        itemGap: 3,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2023年1月", "2月", "3月", "4月", "5月", "6月"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "闵行片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#14c0d4",
          data: [19, 13, 8, 10, 14, 15],
        },
        {
          name: "长宁片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#0b82de",
          data: [19, 13, 8, 10, 14, 15],
        },
        {
          name: "青浦片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#2663df",
          data: [19, 13, 8, 10, 14, 15],
        },
        {
          name: "嘉定片区",
          type: "bar",
          stack: "total",
          barWidth: 20,
          color: "#5245dd",
          data: [19, 16, 12, 10, 16, 17],
        },
      ],
    },
  },

  {
    style: "height: 400rpx",
    options: {
      title: {
        top: "-5%",
        subtext: "单位（亿元）",
      },
      tooltip: {},
      legend: {
        top: "0%",
        right: "0%",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        itemGap: 3,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2023年1月", "2月", "3月", "4月", "5月", "6月"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "闵行片区",
          type: "line",
          color: "#14c0d4",
          lineStyle: {
            width: 1,
          },
          data: [25, 40, 35, 42, 47, 45],
        },
        {
          name: "长宁片区",
          type: "line",
          color: "#0b82de",
          lineStyle: {
            width: 1,
          },
          data: [20, 30, 30, 40, 50, 50],
        },
        {
          name: "青浦片区",
          type: "line",
          color: "#2663df",
          lineStyle: {
            width: 1,
          },
          data: [15, 30, 20, 35, 15, 30],
        },
        {
          name: "嘉定片区",
          type: "line",
          color: "#5245dd",
          lineStyle: {
            width: 1,
          },
          data: [30, 50, 60, 55, 60, 55],
        },
      ],
    },
  },

  {
    inline: false,
    title: "2022年1-12月——2023年1-66月四区税收收入同比走势",
    style: "height: 400rpx",
    options: {
      tooltip: {},
      legend: {
        top: "0%",
        right: "0%",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        itemGap: 3,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2022年1-12", "2023年1-2", "1-3", "1-4", "1-5", "1-6"],
      },
      yAxis: {
        type: "value",
        max: 80,
      },
      series: [
        {
          name: "闵行片区",
          type: "line",
          color: "#14c0d4",
          lineStyle: {
            width: 1,
          },
          data: [25, 40, 35, 42, 47, 45],
        },
        {
          name: "长宁片区",
          type: "line",
          color: "#0b82de",
          lineStyle: {
            width: 1,
          },
          data: [20, 30, 30, 40, 50, 50],
        },
        {
          name: "青浦片区",
          type: "line",
          color: "#3ec27c",
          lineStyle: {
            width: 1,
          },
          data: [15, 30, 20, 35, 15, 30],
        },
        {
          name: "嘉定片区",
          type: "line",
          color: "#efad2d",
          lineStyle: {
            width: 1,
          },
          data: [30, 50, 60, 55, 60, 55],
        },
      ],
    },
  },

  {
    inline: false,
    title: "2022年1-12月——2023年1-66月四区税收收入环比走势",
    style: "height: 400rpx",
    options: {
      tooltip: {},
      legend: {
        top: "0%",
        right: "0%",
        align: "left",
        icon: "rect",
        itemWidth: 7,
        itemHeight: 7,
        itemGap: 3,
        textStyle: {
          color: "#999999",
        },
      },
      grid: {
        left: "3%",
        right: "3%",
        top: "20%",
        bottom: "0%",
        containLabel: true,
      },
      xAxis: {
        type: "category",
        axisTick: {
          show: false,
        },
        axisLabel: {
          interval: 0,
          formatter: wordBreak,
        },
        data: ["2022年1-12", "2023年1-2", "1-3", "1-4", "1-5", "1-6"],
      },
      yAxis: {
        type: "value",
        max: 20,
        min: -20,
      },
      series: [
        {
          name: "闵行片区",
          type: "line",
          color: "#14c0d4",
          lineStyle: {
            width: 1,
          },
          data: [19, 13, -5, -10, 14, 15],
        },
        {
          name: "长宁片区",
          type: "line",
          color: "#0b82de",
          lineStyle: {
            width: 1,
          },
          data: [19, -13, 8, 3, 5, 15],
        },
        {
          name: "青浦片区",
          type: "line",
          color: "#3ec27c",
          lineStyle: {
            width: 1,
          },
          data: [19, -13, 8, 10, -14, 15],
        },
        {
          name: "嘉定片区",
          type: "line",
          color: "#efad2d",
          lineStyle: {
            width: 1,
          },
          data: [-19, 16, 12, 10, -10, 17],
        },
      ],
    },
  },
];
